<!doctype html>
<html lang="zxx">
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>{$index.rhtitle} - {$index.rhdescription}</title>
	<meta name="keywords" content="{$index.rhkeywords}">
	<meta name="description" content="{$index.rhdescription}">
	<link href="/static/index/css/css.css" rel="stylesheet">
	<link rel="stylesheet" href="/static/index/css/applify.min.css">
</head>
<body class="ui-transparent-nav" data-fade_in="on-load">
	
	
	<!-- Navbar Fixed + Default -->
    <nav class="navbar navbar-fixed-top transparent navbar-light bg-white">
		<div class="container">
		
			<!-- Navbar Logo -->
			<a class="ui-variable-logo navbar-brand" href="#" title="{$index.rhtitle} - {$index.rhdescription}">
				<!-- Default Logo -->
				<img class="logo-default" src="{$index.rhlogo}" alt="{$index.rhtitle} - {$index.rhdescription}" >
				<!-- Transparent Logo -->
				<img class="logo-transparent" src="{$index.rhlogo1}" alt="{$index.rhtitle} - {$index.rhdescription}">
			</a><!-- .navbar-brand -->

			<!-- Navbar Navigation -->
			<div class="ui-navigation navbar-right">
				<ul class="nav navbar-nav">
					<!-- Nav Item -->
					<li>
						<a href="#" data-scrollto="features">功能</a>
					</li>
                    <!-- Nav Item -->
					<li>
						<a href="#" data-scrollto="steps">截图</a>
					</li>
					<!-- Nav Item -->
					<li>
						<a href="#" data-scrollto="integrations">关于</a>
					</li>
                    <!-- Nav Item -->
					
				</ul><!--.navbar-nav -->
			</div><!--.ui-navigation -->

			<!-- Navbar Button -->
			<a href="{$index.download}" class="btn btn-sm ui-gradient-green pull-right">下载APP</a>

			<!-- Navbar Toggle -->
			<a href="{$index.download}" class="ui-mobile-nav-toggle pull-right"></a>

		</div><!-- .container -->
	</nav> <!-- nav -->
	
	<!-- Main Wrapper -->
    <div class="main" role="main">
    	
    	<!-- Hero Waves Center -->
		<div class="ui-hero hero-lg hero-center ui-gradient-blue ui-waves hero-svg-layer-3">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <h1 class="heading">
                            {$index.rhtitle}
                        </h1>
                        <p class="paragraph">
                           {$index.rhdescription}
                        </p>
                        <div class="actions">
                            <a class="btn ui-gradient-blue shadow-xl" data-scrollto="features">了解更多</a>
				            <a class="btn ui-gradient-green shadow-xl" href="{$index.download}">下载APP</a>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <img src="{$index.rhindeximg}" alt="{$index.rhtitle} - {$index.rhdescription}" data-max_width="740" class="responsive-on-md">
                    </div>
                </div><!-- .row -->
            </div><!-- .container -->
		</div><!-- .ui-hero -->
   
   		<!-- Tabbed Showcase Section -->
   		<div id="features" class="section">
   			<div class="container">
   				<!-- Section Heading -->
   				<div class="section-heading center">
   					<h2 class="heading text-indigo">
   						TabBar功能
   					</h2>
   					<p class="paragraph">
   						底部导航栏：软件库首页，功能列表首页，我的页面
   					</p>
   				</div><!-- .section-heading -->
   				<!-- UI Tabbed Showcase -->
   				<div class="row ui-tabbed-showcase">
   				
   					<!-- Device Slider Column -->
   					<div class="col-md-6 col-sm-5 animate" data-show="fade-in-right">
   						<!-- Device Slider -->
   						<div class="ui-device-slider">
   							<!-- Device Image -->
   							<div class="device">
   								<img src="/static/index/picture/device.png" alt="{$index.rhtitle} - {$index.rhdescription}">
   							</div>
   							<!-- Slider Images -->
   							<div id="device-slider-2" class="screens owl-carousel owl-theme">
   								<div class="item">
   									<img src="{$index.rhtabimg1}" alt="{$index.rhtitle} - {$index.rhdescription}">	
   								</div>
   								<div class="item">
   									<img src="{$index.rhtabimg2}" alt="{$index.rhtitle} - {$index.rhdescription}">	
   								</div>
   								<div class="item">
   									<img src="{$index.rhtabimg3}" alt="{$index.rhtitle} - {$index.rhdescription}">	
   								</div>
   								<!--<div class="item">-->
   								<!--	<img src="/static/index/picture/app-screen-31.jpg" alt="{$index.rhtitle} - {$index.rhdescription}">	-->
   								<!--</div>-->
   							</div>
   						</div><!-- .ui-device-slider -->
   					</div><!-- Device Slider Column -->
   					
   					<!-- Tabs Column -->
   					<div class="col-md-6 col-sm-7" data-vertical_center="true">
   						<!-- UI Tabs -->
   						<div class="ui-tabs ui-green">
   							<!-- Nav Tabs -->
							<ul class="nav nav-tabs" role="tablist">
								<!-- Nav Tab 1 -->
								<li role="presentation" class="nav-item">
									<a class="nav-link active" href="#home" role="tab" data-toggle="tab" data-toggle_screen="1" data-toggle_slider="device-slider-2">
									<span class="icon icon-home"></span> 软件
									</a>
								</li>
								<!-- Nav Tab 2 -->
								<li role="presentation" class="nav-item">
									<a class="nav-link" href="#profile" role="tab" data-toggle="tab" data-toggle_screen="2" data-toggle_slider="device-slider-2">
										<span class="icon icon-envelope-letter"></span> 功能
									</a>
								</li>
								<!-- Nav Tab 3 -->
								<li role="presentation" class="nav-item">
									<a class="nav-link" href="#messages" role="tab" data-toggle="tab" data-toggle_screen="3" data-toggle_slider="device-slider-2">
										<span class="icon icon-user"></span> 我的
									</a>
								</li>
								<!-- Nav Tab 4 -->
								<!--<li role="presentation" class="nav-item">-->
								<!--	<a class="nav-link" href="#settings" role="tab" data-toggle="tab" data-toggle_screen="4" data-toggle_slider="device-slider-2">-->
								<!--		<span class="icon icon-settings"></span> Settings-->
								<!--	</a>-->
								<!--</li>-->
							</ul>

							<!-- Tab Panels -->
							<div class="tab-content">
								<!-- Tab 1 -->
								<div role="tabpanel" class="tab-pane fade show active" id="home">
									<p class="sub-heading">拥有大量的绿色软件资源，精简不臃肿，不过多浪费手机资源，不在为软件大量广告、手机内存小、软件运行慢、软件有限制而烦恼，我们给您一个愉快的APP体验，享受绿色、精简、免费带来的快感。</p>
									<ul class="ui-checklist">
										<li>
											<h6 class="heading">绿色软件</h6>
										</li>
										<li>
											<h6 class="heading">去除广告</h6>
										</li>
										<li>
											<h6 class="heading">拒绝臃肿</h6>
										</li>
										<li>
											<h6 class="heading">免费使用</h6>
										</li>
									</ul>
								</div>
								<!-- Tab 2 -->
								<div role="tabpanel" class="tab-pane fade" id="profile">
									<p class="sub-heading">超级多实用的功能，网络语录、头像壁纸、游戏工具等等，使用便捷，快捷操作，功能操作简单快捷，实用性强，可用性高，功能超级多，每天都有新增功能。</p>
									<ul class="ui-checklist">
										<li>
											<h6 class="heading">头像壁纸</h6>
										</li>
										<li>
											<h6 class="heading">信息查询</h6>
										</li>
										<li>
											<h6 class="heading">游戏工具</h6>
										</li>
										<li>
											<h6 class="heading">实用工具</h6>
										</li>
									</ul>
								</div>
								<!-- Tab 3 -->
								<div role="tabpanel" class="tab-pane fade" id="messages">
									<p class="sub-heading">查看我的信息，积分、会员信息等，可进行积分兑换、积分购买、会员购买、卡密兑换、修改个人信息等，签到、任务等可获得免费积分，积分可兑换功能，兑换会员等等。</p>
									<ul class="ui-checklist">
										<li>
											<h6 class="heading">个人信息</h6>
										</li>
										<li>
											<h6 class="heading">积分商城</h6>
										</li>
										<li>
											<h6 class="heading">在线商城</h6>
										</li>
										<li>
											<h6 class="heading">卡密兑换</h6>
										</li>
									</ul>
								</div>
								<!-- Tab 4 -->
								<!--<div role="tabpanel" class="tab-pane fade" id="settings">-->
								<!--	<p class="sub-heading">Sed consectetur dignissim dignissim. Donec pretium est sit amet ipsum fringilla feugiat. Aliquam erat volutpat. </p>-->
								<!--	<ul class="ui-checklist">-->
								<!--		<li>-->
								<!--			<h6 class="heading">Eiusmod tempor incididunt</h6>-->
								<!--		</li>-->
								<!--		<li>-->
								<!--			<h6 class="heading">Ut enim ad minim</h6>-->
								<!--		</li>-->
								<!--		<li>-->
								<!--			<h6 class="heading">Consectetur adipisicing</h6>-->
								<!--		</li>-->
								<!--		<li>-->
								<!--			<h6 class="heading">Lorem ipsum dolor</h6>-->
								<!--		</li>-->
								<!--	</ul>-->
								<!--</div>-->
							</div><!-- .tab-content -->
   						</div><!-- .ui-tabs -->
					  	
   					</div><!-- Tabs Column -->
   				</div><!-- .row -->
   			</div><!-- .container -->
   		</div><!-- .section -->
   			

        
        <!-- Process Section -->
   		<div id="steps" class="section  bg-blue">
   			<div class="container">
   				<!-- Dection Heading -->
   				<div class="section-heading center">
   					<h2 class="heading text-indigo">
   						应用截图
   					</h2>
   					<p class="paragraph">
   						所有功能点的截图，包括软件库、工具箱、软件下载、软件升级、我的信息、会员商城等
   					</p>
   				</div><!-- .section-heading -->
				<!-- App Screens Carousel -->
				<div class="ui-app-screens owl-carousel owl-theme animate" data-show="fade-in">
					<!-- App Screen 1 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg1}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
					<!-- App Screen 2 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg2}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
					<!-- App Screen 3 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg3}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
					<!-- App Screen 4 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg4}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
					<!-- App Screen 5 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg5}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
  					<!-- App Screen 6 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg6}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg7}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
					<!-- App Screen 8 -->
					<div class="ui-card shadow-lg">
						<img src="{$index.rhappimg8}" alt="{$index.rhtitle} - {$index.rhdescription}" >
					</div>
   				</div><!-- .ui-app-screens -->
   			</div><!-- .container -->
   		</div><!-- .section -->
   		
        <!-- Integration Section -->
   		<div id="integrations" class="section">
   			<div class="container">
   				<div class="row">
                    
   					<!-- Left Column -->
   					<div class="col-lg-5 col-xl-6" data-vertical_center="true">
                        
                        <!-- Section Heading -->
                        <div class="section-heading mb-2">
                            <h2 class="heading">
                                关于我们
                            </h2>
                            <p class="paragraph">
                                {$index.rhmsg}
                            </p>
                        </div><!-- .section-heading -->
   					</div>
                    
					<!-- Right Column -->
   					<div class="col-lg-7 col-xl-6">
   						
                        <!-- Logo Cloud -->
   						<div class="ui-logos-cloud">
							<div data-size="4" class="mt-0 animate" data-show="fade-in">
								<img src="/static/index/picture/React.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="10" class="mt-0 animate" data-show="fade-in">
								<img src="/static/index/picture/Angular.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="7" class="mt-0 animate" data-show="fade-in">
								<img src="/static/index/picture/webstorm.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
                            
                            <!-- Flex Break -->
                            <span class="flex-break"></span>
                            
                            <div data-size="4" class="animate" data-show="fade-in">
								<img src="/static/index/picture/android.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="10" class="animate" data-show="fade-in">
								<img src="/static/index/picture/html5.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="4" class="animate" data-show="fade-in">
								<img src="/static/index/picture/css3.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="6" class="animate" data-show="fade-in">
								<img src="/static/index/picture/php.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="3" class="animate" data-show="fade-in">
								<img src="/static/index/picture/ps.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
                            
                            <!-- Flex Break -->
                            <span class="flex-break"></span>
                            
							<div data-size="8" class="animate" data-show="fade-in">
								<img src="/static/index/picture/Python.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="3" class="animate" data-show="fade-in">
								<img src="/static/index/picture/Vue.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="10" class="animate" data-show="fade-in">
								<img src="/static/index/picture/Nodejs.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
							<div data-size="5" class="animate" data-show="fade-in">
								<img src="/static/index/picture/linux.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
                            
                            <!-- Flex Break -->
                            <span class="flex-break"></span>
                            
                            <div data-size="3" class="animate" data-show="fade-in">
								<img src="/static/index/picture/Windows.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
                            <div data-size="10" class="animate" data-show="fade-in">
								<img src="/static/index/picture/Bootstrap.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
                            <div data-size="7" class="animate" data-show="fade-in">
								<img src="/static/index/picture/github.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
                            
                            <!-- Flex Break -->
                            <span class="flex-break"></span>
                            
                            <div data-size="4" class="mb-0 animate" data-show="fade-in">
								<img src="/static/index/picture/SASS.svg" alt="{$index.rhtitle} - {$index.rhdescription}">
							</div>
						</div><!-- .ui-logo-cloud  -->
                        
   					</div>
   				</div><!-- .row -->
   			</div><!-- .container -->
   		</div><!-- .section -->
        
        <!--  Testimonial Section -->
   		<div id="testimonials" class="section bg-indigo">
   		    <div class="container">
       				<div class="section-heading center">
       					<div class="ui-app-icon shadow-lg">
       						<img src="{$index.rhappicon}" alt="{$index.rhtitle} - {$index.rhdescription}">
       					</div>
       					<h2 class="heading">{$index.rhtitle}</h2>
    					<p class="paragraph">
    						{$index.rhdescription}
    					</p>
       				</div><!-- .section-heading -->
    				<div class="actions text-center">
    					<a class="btn ui-gradient-green btn-app-store btn-download shadow-lg" href="{$index.download}">
    					    <span>下载地址主线</span> 
    					    <span>立即下载</span>
    					</a>
    					<a class="btn ui-gradient-blue btn-google-play btn-download shadow-lg" href="{$index.download}">
    					    <span>下载地址备用</span> 
    					    <span>备用下载</span>
    					</a>
    				</div>
       			</div>
   			
   		</div><!-- .section -->
        
   		<!--  Call To Action Section -->
   		<!-- .section -->
   		
   		<!-- Basic Footer -->
   		<footer class="ui-footer">	
   			<!-- Footer Copyright -->
   			<div class="footer-copyright bg-dark-gray">
   				<div class="container">
					<div class="row">
						<!-- Copyright -->
						<div class="col-8">
							<p>
							    <a href="https://beian.miit.gov.cn/">{$index.rhbeian}</a><br>
								&copy; 2022 <a href="#" title="{$index.rhtitle}">{$index.rhtitle}</a> All Rights Reserved.
							</p>
						</div>
						<!-- Social Icons -->
						<div class="col-4 text-right">
							<a class="btn ui-gradient-blue btn-circle shadow-md" href="{$index.rhqq}">
								<span class="fa fa-qq"></span>
							</a>
							<!--<a class="btn ui-gradient-peach btn-circle shadow-md">-->
							<!--	<span class="fa fa-telegram"></span>-->
							<!--</a>-->
							<a class="btn ui-gradient-green btn-circle shadow-md" href="{$index.rhqun}">
								<span class="fa fa-telegram"></span>
							</a>
							<!--<a class="btn ui-gradient-purple btn-circle shadow-md">-->
							<!--	<span class="fa fa-telegram"></span>-->
							<!--</a>-->
						</div>
					</div>
   				</div><!-- .container -->
   			</div><!-- .footer-copyright -->
   		</footer><!-- .ui-footer -->
    </div><!-- .main -->
    <script>
        
    </script>
    <!-- Scripts -->
	<script type="text/javascript" src="/static/index/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="/static/index/js/jquery.sliderPro.min.js"></script>
	<script type="text/javascript" src="/static/index/js/owl.carousel.min.js"></script>	
	<script type="text/javascript" src="/static/index/js/form-validator.min.js"></script>
	<script type="text/javascript" src="/static/index/js/bootstrap.js"></script>
	<script type="text/javascript" src="/static/index/js/applify.js"></script>
</body>
</html>
